//添加学生功能
document.getElementById("addBtn").onclick = function () {
    //获取账号和密码并验证
    let username = document.getElementById("username").value;
    let password = document.getElementById("password").value
    let istrue = verify(username,password);
    //不符合规则就提示并返回
    if(!istrue){
        alert("账号密码输入不符合规则! \n账号:字母数字下划线 4-10位\n密码:首字母大写, 6-16位")
        return;
    }
    //创建学生行
    let tr = document.createElement("tr");
    let checkTd = document.createElement("td");
    let nameTd = document.createElement("td");
    let pwdTd = document.createElement("td");
    let opTd = document.createElement("td");
    checkTd.innerHTML = "<input type=\"checkbox\" name=\"userCheck\"/>";
    nameTd.innerText = username;
    pwdTd.innerText = password;
    opTd.innerHTML = "<a href=\"JavaScript:void(0)\"  onclick=\"drop(this)\">删除</a>";
    tr.appendChild(checkTd);
    tr.appendChild(nameTd);
    tr.appendChild(pwdTd);
    tr.appendChild(opTd);
    //添加行
    document.getElementById("list").appendChild(tr);
}

//删除函数
function drop(obj) {
    //获取table元素
    let table = obj.parentElement.parentElement.parentElement;
    //获取tr元素
    let tr = obj.parentElement.parentElement;
    //删除
    table.removeChild(tr);
}

//全选 checkbox事件

let allCheck = document.getElementById("allCheck");
allCheck.onclick = function () {
    //获取用户勾选框集合
    let checks = document.getElementsByName("userCheck");
    //获取勾选状态
    let ischeck = allCheck.checked;

    //判断是否勾选
    if (ischeck == true) {
        for (let i = 0; i < checks.length; i++) {
            //遍历勾选
            checks[i].checked = true;
        }
    } else {
        for (let i = 0; i < checks.length; i++) {
            //遍历勾选
            checks[i].checked = false;
        }
    }
}

//反选事件
document.getElementById(`reverseCheck`).onclick=function () {
    //获取用户勾选框集合
    let checks = document.getElementsByName("userCheck");
    for (let i = 0; i < checks.length; i++) {
        //遍历勾选
        checks[i].checked = !checks[i].checked;
    }
}

//删除已选
document.getElementById("deleteChecked").onclick=function () {
    //获取用户勾选框集合
    let checks = document.getElementsByName("userCheck");
    //确认删除提示
    let arr = new Array();
    for (let i = 0; i < checks.length; i++) {
        //判断勾选
        if(checks[i].checked==true){
            arr.push(checks[i])
        }
    }
    //遍历删除
    for(let i=0;i<arr.length;i++){
        drop(arr[i]);
    }
}


//使用正则表达式判断账号密码正确性
//账号验证 字母数字下划线 4-10位
let user_reg=/^[\w]{4,10}$/;
//密码验证 大写字母开头 后面随意 6-16位
let pwd_reg=/^[A-Z]{1}[\w]{6,16}$/;
//验证函数
function verify(username,password) {
    if(!user_reg.test(username)){
        return false;
    }
    if(!pwd_reg.test(password)){
        return false;
    }
    return true;
}


